<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="${s.base}/mobile/base/css/base.css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
		<link rel="stylesheet" type="text/css" href="${s.base}/mobile/shaping/css/index.css"/>
		<style type="text/css">
			body,html{background: #fff;}
			.mar_top{border-top: 1px solid #000;}
		</style>
	</head>
	<body>
		<div id="head_title">
			<img src="${s.base}/mobile/shaping/img/20190410160031046364.png" alt="">
			<div class="search_box">
				<img src="${s.base}/mobile/shaping/img/search.png" >
				<input type="" name="" id="" value="" placeholder="搜索眼袋祛斑"/>
			</div>
			<!--<img src="${s.base}/mobile/shaping/img/1.png" class="search_box_thre">-->
		</div>
		<div id="swiper-container-1" class="swiper-container">
			<div class="swiper-wrapper">
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
		</div>
		<div id="fore">
			<div onclick="jumpAbout('${webConfig.siteStyle}','${webConfig.id}')">
				<img class="four1_img" src="${s.base}/mobile/shaping/img/2.png" >
				<p class="four_1">关于我们</p>
			</div>
			<div onclick="jumpTagType('${webConfig.id}','20190607213022058521683469628945','list_el')">
				<img class="four1_img" src="${s.base}/mobile/shaping/img/3.png" >
				<p class="four_1">医疗美容</p>
			</div>
			<div onclick="jumpTagType('${webConfig.id}','20190614160150003581231099323019','list_el')">
				<img class="four1_img" src="${s.base}/mobile/shaping/img/4.png" >
				<p class="four_1">科技美容</p>
			</div>
			<div onclick="jumpTagType('${webConfig.id}','20190614160635066829731277417377','list_el')">
				<img class="four1_img" src="${s.base}/mobile/shaping/img/5.png" >
				<p class="four_1">生活美容</p>
			</div>
		</div>
		<div class="information">
			<img src="${s.base}/mobile/shaping/img/6.png"  style="width: 105px;height: 45px;">
			<div class="showDiv">美容资讯</div>
			<div class="cyt-show-content" style="position: relative;height: 26px;overflow: hidden;">
				<ul class="ul1" id="cyt-show-content-notice">
				</ul>
			</div>
		</div>
		
		<div class="cut"></div>
		
		<div class="margin_auto">
			<div class="ag_left" onclick="jumpArticleDesc('shaping','20190624213258035348447267622680')" style="background: url(${s.base}/mobile/shaping/img/7.png) no-repeat;background-size:100% 100%">
				<p>近期活动优惠</p>
			</div>
			<div class="ag_right">
				<div onclick="jumpArticleDesc('shaping','20190624213329011979291602471244')"  style="background: url(${s.base}/mobile/shaping/img/7-1.png) no-repeat;background-size:100% 100%">
					<span>
						<div>
							<p class="span_p p_pos">免费享</p>
							<p class="p_pos">医生在线问答</p>
						</div>
					</span>
				</div>
				<div style="background: url(${s.base}/mobile/shaping/img/7-2.png) no-repeat;background-size:100% 100%">
					<span>
						<div onclick="jumpAbout('${webConfig.siteStyle}','${webConfig.id}')">
							<p class="span_p p_pos">品牌介绍</p>
							<p class="p_pos">专业有经验的医疗团队</p>
						</div>
					</span>
				</div>
			</div>
		</div>
		
		<div class="title_tab">
			<span></span>
			<p id="xyg_jh"></p>
			<span></span>
		</div>
		
		<div id="bfm" onclick="jumpColumn('${webConfig.id}','20190608175938041772472030518628','list')" style="background: url(${s.base}/mobile/shaping/img/8.png) no-repeat;background-size:100% 100%">
			<p></p>
		</div>
		<div style="white-space: nowrap;overflow-x: auto;" id="xyg_radiu_content">

		</div>
	
		<div class="cut"></div>
		<div class="title_tab">
			<span></span>
			<p>项目推荐</p>
			<span></span>
		</div>
		<div class="chosse_span">

		</div>
		<div id="xyg_s_content">

		</div>

		<!--<div id="ljxq" onclick="jumpPage('${webConfig.id}','fuwu')">
			<p>了解详情</p>
		</div>-->
		<div id="foort">
			<div id="foot_p">
				<p>Hotline︰${webConfig.telephone}</p>
				<p>WhatsApp︰ ${webConfig.servicePhone}</p>
				<p>QQ︰${webConfig.qq}</p>
				<p>Email︰${webConfig.email}</p>
                <p>地址：${webConfig.address}</p>
			</div>
			<div id="foot_cd">
				<img src="${webConfig.wechat}" >
				<p style="    margin-top: 4px;">关注微信</p>
			</div>
		</div>
		<div id="ban_quan">
			<p>${webConfig.siteNumber}</p>
		</div>
	</body>
</html>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="${s.base}/mobile/base/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/base/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/base/js/swiper.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/shaping/js/window_port.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/base/js/component.js?12323434" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(document).ready(function(e) {
        initDate();
    });
    function initDate() {
        acceptXygBanner('20190605224235030385207819993192','${webConfig.userId}',function (data) {
			data.forEach(function (item,key,mapObj) {
				$(".swiper-wrapper").append('<div class="swiper-slide"><img src="'+item.image+'" /></div>');
            });
            $.fn.initXygCompBanner($(".swiper-container"),".swiper-pagination");
        });
        acceptXygArticleListByColId('20190607150248081134476373760443','${webConfig.userId}','-1',function (data) {
            var str='';
            data.forEach(function (item,key,mapObj) {
                str+='<li onclick="jumpArticleDesc(\'${webConfig.siteStyle}\',\''+item.id+'\')" class="font-grade-one">'+item.title+'</li>';
            });
            $("#cyt-show-content-notice").html(str);
            $.fn.initXygCompNotice($("#cyt-show-content-notice"));
        });
        acceptXygListByTagId('20190608165457054554961699723865',function (data) {
            var title="";
            var content="";
            data.forEach(function (item,key,mapObj) {
                if(key==0){
                    title='<span onclick="selectTitle(this,\''+item.id+'\')" class="xyg_select chosse_span_active">'+item.name+'</span>'
                    content='<div onclick="jumpColumn(\'${webConfig.id}\',\''+item.id+'\',\'list\')" class="chosse_span_block"  id="'+item.id+'"><img src="'+item.coverImage+'" ><div class="chosse_span_block_right" style="width: 287px;"><div class="chosse_span_block_right_one">'+
                        '<span style="font-weight:bold;color: #333;">'+item.name+'</span> </div>'+
                   '<div id="'+item.id+'" class="chosse_span_block_right_two" style="margin-top: 10px;"><p>'+item.seoKeyword+'</p></div>'+
                        '<div class="chosse_span_block_right_thre"><p>'+item.description+'</p></div></div></div>';
                }else{
                    title+='<span class="span_class_xi">|</span><span onclick="selectTitle(this,\''+item.id+'\')" class="xyg_select">'+item.name+'</span>'
                    content+='<div onclick="jumpColumn(\'${webConfig.id}\',\''+item.id+'\',\'list\')" style="display: none;" id="'+item.id+'" class="chosse_span_block"><img src="'+item.coverImage+'" ><div class="chosse_span_block_right" style="width: 287px;"><div class="chosse_span_block_right_one">'+
                        '<span style="font-weight:bold;color: #333;">'+item.name+'</span> </div>'+
                        '<div class="chosse_span_block_right_two" style="margin-top: 10px;"><p>'+item.seoKeyword+'</p></div>'+
                        '<div class="chosse_span_block_right_thre"><p>'+item.description+'</p></div></div></div>';
				}
            });
            $(".chosse_span").html(title);
            $("#xyg_s_content").html(content);
        });
        acceptXygSelectColDesc('20190608175938041772472030518628',function (data) {
            $("#xyg_jh").html(data.name);
            $("#bfm p").html(data.description);
        });
        acceptXygArticleListByColId('20190608175938041772472030518628','${webConfig.userId}','',function (data) {
            var content="";
            data.forEach(function (item,key,mapObj) {
                if(key==0){
                    content='<div  onclick="jumpArticleDesc(\'${webConfig.siteStyle}\',\''+item.id+'\')"  class="bfm_radius"><p>'+item.title+'</p><p>'+item.seoKeyword+'</p></div>';
                }else{
                    content+='<div  onclick="jumpArticleDesc(\'${webConfig.siteStyle}\',\''+item.id+'\')"  class="bfm_radius bfm_radius_avtive"><p>'+item.title+'</p><p>'+item.seoKeyword+'</p></div>';
                }
            });
            $("#xyg_radiu_content").html(content);
        });
    }

    /**
     * 展示内容
     * @param id
     */
    function selectTitle(obj,id) {
        $(".chosse_span .xyg_select").removeClass("chosse_span_active");
        $(obj).addClass("chosse_span_active");
        $(".chosse_span_block").hide();
        $("#"+id).show();
    }
</script>